<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c-rt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ page import="com.yaodian100.core.common.utils.ServerValue"%>
<c-rt:set var="frontContextPath" value='<%=ServerValue.getFrontContextPath()%>'/>
<c-rt:set var="trustMembers" value='<%=ServerValue.getTrustMemberString()%>'/>
<html>
<head>
<c-rt:set var="isTrustMember" value="false"/>
<c:forEach var="as" items="${fn:split(trustMembers, ',')}">
	<c:if test="${ member.applySource eq as }">
		<c-rt:set var="isTrustMember" value="true"/>
	</c:if>
</c:forEach>
<script type="text/javascript" charset="UTF-8" src="/js/jquery.alphanumeric.js"></script>
<script language="javascript">
var mobileOk;
	$().ready(function(){
		
		$("#mobile").numeric();
		
		if("${member.mobile}"==""){
			$("#current_location").html('&nbsp;&gt;&nbsp;<a href="${frontContextPath}/member/modifydata.do">个人信息管理&nbsp;-&nbsp;修改个人信息</a>&nbsp;&gt;&nbsp;新增手机号码');
		}else{
			$("#current_location").html('&nbsp;&gt;&nbsp;<a href="${frontContextPath}/member/modifydata.do">个人信息管理&nbsp;-&nbsp;修改个人信息</a>&nbsp;&gt;&nbsp;修改手机号码');
		}
		$("#m_modifyData").css("font-weight","bold");

		if("${actionResult}" == "pwd_error"){
			$("#pwdTip").html("密码错误");
			$("#pwdTip").show();
		}

		if("${actionResult}" == "mobile_exist"){
			$("#mobileTip").html("此手机已被注册，请重新填写。");
			$("#mobileTip").show();
		}

		$("#mobile").blur(function(){
			checkMobile(0);
		});
		
		$("#gocheckmobile").click(function(){
			var isCorrect = true;
			//clear tips
			$("span:[id*=Tip]").hide();

			<c:if test="${!isTrustMember}">			
			if($("#pwd").attr('value')==""){
				$("#pwdTip").html("请输入密码");
				$("#pwdTip").show();
				isCorrect = false;
			}
			</c:if>
			
			if(isCorrect){
				checkMobile(1);	
			}else{
				checkMobile(0);	
			}
		});
	});

	function checkMobile(is_submit){
		mobileOk = false;
		$("#mobileTip").hide();
		var text = $("#mobile").attr('value');
		if($("#mobile").val().length==0){
			$("#mobileTip").html("请输入手机号码");
			$("#mobileTip").show();
			isCorrect = false;
		}else if($("#mobile").val().length!=11){
			$("#mobileTip").html("手机号码格式错误");
			$("#mobileTip").show();
			isCorrect = false;
		}else if($("#mobile").val()=="${member.mobile}"){
			$("#mobileTip").html("新手机号码与旧手机号码相同");
			$("#mobileTip").show();
			isCorrect = false;
		}else {
			$.post("<%=ServerValue.getFrontContextPath()%>/checkRegData.do",{c_id:4,mobile:text},
					function callback(result){
						if(result=='exist'){
							$("#mobileTip").html("此手机号码已注册");
							$("#mobileTip").show();
						}else {
							mobileOk = true;
							if(is_submit == 1){
								$("#modifymobileForm").submit();
								return false;
							}
						}
					},
					"json");
		}
	}
</script>
</head>
<body>
  <h2><span class="location">
  	<c:choose><c:when test="${empty member.mobile}">新增手机号码</c:when>
	<c:otherwise>修改手机号码</c:otherwise></c:choose>
  </span></h2>
    <!-- 內容 -->
    <div class="change-email">
        <p class="c-f LH-1of5">&nbsp;</p>
          <ul>
          	<li>．为保障您的帐户安全，<c:choose><c:when test="${empty member.mobile}">新增</c:when><c:otherwise>修改</c:otherwise></c:choose>手机号码需先进行验证。</li>
          	<li>．耀点100会向您所输入的手机号码发送一封免费短信，请在页面上输入短信中的8位校验码进行验证。</li>
          	<li>．手机验证过程中若提示该手机已绑定，如您确认此为常用帐户，请致电4001-168-100与客服人员确认基本资料后，
          	<br/>　为您解除该手机号与其他帐户的绑定，并将该手机号与此帐号绑定。</li>
          	<li>．如有疑问，可以访问<a href="/help/">客服中心</a>获得更多帮助。</li>
          </ul>
         <div class="d-show">  
		<c:choose>
			<c:when test="${empty member.mobile}">
			<!-- 新增手機 -->
			<s:form action="gomodifymobile.do" method="post" id="modifymobileForm">
			<ul style="margin-left:50px;">
              <li class="w-1of1" style="padding-top:.75em;"><div><strong>手机号码：</strong></div><div style="margin-top:-.75em;"><strong class="ipt-w20"><input type="text" name="mobile" id="mobile" maxlength="11" value="${mobile}" /></strong><span style="display:block"><span class="msg rn" style="display:none;" id="mobileTip">手机号码格式错误</span></span></div></li>
              <c:if test="${!isTrustMember}">
              <li class="w-1of1" style="padding-top:.75em;"><div><strong>登录密码：</strong></div><div style="margin-top:-.75em;"><strong class="ipt-w20"><input type="password" name="pwd" id="pwd" maxlength="16" /></strong><span style="display:block"><span class="msg rn" style="display:none;" id="pwdTip">请输入密码</span></span></div></li>
              </c:if>
          	</ul>
          	</s:form>
			<!-- 新增手機 -->
			</c:when>
			<c:otherwise>
			<!-- 修改手機 -->
			<s:form action="gomodifymobile.do" method="post" id="modifymobileForm">
            <ul style="margin-left:50px;">
              <li class="w-1of1"><div class="field-title"><strong>目前的手机号码：</strong></div><div><strong class="txt-rd">${member.mobile}</strong></div></li>
              <li class="w-1of1" style="padding-top:.75em;"><div class="field-title"><strong>新手机号码：</strong></div><div style="margin-top:-.75em;"><strong class="ipt-w20"><input type="text" name="mobile" id="mobile" maxlength="11" value="${mobile}" /></strong><span style="display:block"><span class="msg rn" style="display:none;" id="mobileTip">手机号码格式错误</span></span></div></li>
              <c:if test="${!isTrustMember}">  
              <li class="w-1of1" style="padding-top:.75em;"><div class="field-title"><strong>登录密码：</strong></div><div style="margin-top:-.75em;"><strong class="ipt-w20"><input type="password" name="pwd" id="pwd" maxlength="16" /></strong><span style="display:block"><span class="msg rn" style="display:none;" id="pwdTip">请输入密码</span></span></div></li>
              </c:if>  
          	</ul>
          	</s:form>
      	  	<!-- 修改手機 -->
			</c:otherwise>
		</c:choose>
        </div>   
        <p align="center"><a href="javascript:;" class="btn-mid-8" id="gocheckmobile">下一步，验证手机</a></p>  
        <p>&nbsp;</p>
        <p>&nbsp;</p>
    </div>
    <!-- 內容 -->
    <!-- 注意事项 -->
    <div class="txt-note">
     <p><strong>【提示】</Strong></p>
      <ul>
        <li>．点击「下一步」按钮后，您将收到一则来自耀点100的短信，其中包含了手机验证校验码，您可以于下一步页面输入此校验码来验证您的手机。</li>
        <li>．如果您未收到短信，说明耀点100之前已经给您发送过校验码短信，请查看您的手机短信。</li>
        <li>．耀点100给您发送的手机校验码短信是<strong>免费</strong>的。</li>
      </ul>
    </div>
    <!-- 注意事项 -->
</body>
</html>